<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<title>社圈动态</title>
	<base href="<%=basePath%>"/>
	<link type="text/css" rel="stylesheet" href="css/shequan.css"/>
	<link type="text/css" rel="stylesheet" href="res/js/jquery/plugin/iShow/style.css"/>
</head>
<body>
<div>
    <jsp:include page="/pages/common/commonHeader.jsp" flush="true"></jsp:include>
</div>
<div class="wrapper">
	<div id="content" class="container_16">
		<div class="grid_4">
            <div class="comity-introduce">
                <div class="comity-logo">
                   <img src="res/js/jquery/plugin/iShow/demoImg/1.jpg" alt="logo" />
                </div>
                <div class="comity-app">
                   <ul>
                   	  <li class="care">+加关注</li>
                   	  <li class="join">申请加入</li>
                   	  <li class="friend">成为友盟</li>
                   </ul>
                </div>
                <div class="comity-introText">
                   <h4>简介</h4>
                   <p>
                      <c:out value="${}"/>
                      福建路口为甲方考虑为肌肤福建路口为福建路口为激发了可为减肥福建路口为肌肤看来发金额矿务局...
                   </p>
                   <a class="more" href="">更多>></a>
                </div>
            </div>
            <div class="comity-introduce-bottom"></div>
            <div class="comity-introduce" style="height: 100px;">
                <h4>社圈动态</h4>
                <p>福建路口为甲方考虑为肌肤福建路口为福建路口为激发了可为减肥福建路口为肌肤看来发金额矿务局...</p>
                <a class="more" href="">更多>></a>
            </div>
            <div class="comity-introduce-bottom"></div>
            <div class="comity-introduce">
                <h4>相册</h4>
                <div class="comity-imgList">
                   <div class="imgListStyle">
                     <a href="#">
                        <img src="res/js/jquery/plugin/iShow/demoImg/1.jpg" alt="logo" />
                     </a>
                   </div>
                   <p class="imgListTitle">come on for this jobccc</p>
                   <p class="imgListIllustrate">18张照片，2012-03-12创建</p>
                </div>

            </div>
            <div class="comity-introduce-bottom"></div>
		</div>
		<div class="grid_8">
			<div class="comity-name">
			    <h1><c:out value="${sqActive.shequan.shequanName}"/>COSPLAYS DECK</h1>
			</div>
			<div class="comity-contact">
			    <ul>
					 <li>负责人：<span><c:out value="${sqActive.shequan.conUserName}"/></span></li>
					 <li>联系方式：<span><c:out value="${sqActive.shequan.conPhone}"/></span></li>
			    </ul>
			</div>
			<div class="comity-tag">
				<span>标签: </span>
				<span><c:out value="${sqActive.activityTag.activityTagName}"/>好玩  cool 爽极了 do this</span>
			</div>
			<div class="comity-img">
			</div>
			<div class="comity-doing">
				<div class="shequan-tabs">
					<ul>
						<li class="current">最新活动
						    <span>(</span>
						    <span><c:out value=""/></span></span>
						    <span>)</span>
						</li>
						<li>推送活动
						    <span>(</span>
						    <span><c:out value=""/></span></span>
						    <span>)</span>
						</li>
						<li>圈内微博
						    <span>(</span>
						    <span><c:out value=""/></span></span>
						    <span>)</span>
						</li>
					</ul>
			    </div>
				<div class="clear"></div>
				<div class="comity-activity-content">
					<div class="comity-activity-poster">
					     <img src="<c:out value="${sqActive.activity.adPic1}"/>res/js/jquery/plugin/iShow/demoImg/4.jpg"/>
					</div>
					<div class="comity-activity-text">
						<h2><c:out value="${sqActive.activity.activityName}"/>社圈网启动仪式</h2>
						<p class="comity-activity-tag"><span>标签：</span><c:out value="${sqActive.activity.activityName}"/>好玩  cool 爽极了 do this</p>
						<p><span>内容：</span><c:out value="${sqActive.activity.content}"/>分路口见未来将反对放假了快速的解放路可接受的力困筋乏三来得快几分力考生的肌来的咖啡教室里的咖啡机上来的卡积分卡lsd附近.......</p>
						<div class="comity-activity-text-unit">
						   <span>开始时间：</span>
						   <span><c:out value="${sqActive.activity.startTime}"/></span>
						   </br>
						   <span>地点：</span>
						   <span><c:out value="${sqActive.activity.activityPlace}"/></span>
						</div>
						<div class="comity-activity-text-unit">
						   <span><c:out value=""/>1203</span>
						   <span>人感兴趣，</span>
						   <span><c:out value=""/>600</span>
						   <span>人参加</span>
					    </div>
						<div class="comity-activity-text-unit">
						   <span class="text-filter" id="activityStatus">此*公开活动*已启动</span>
						   </br>
                           <span class="text-filter text-min"><c:out value="${sqActive.activity.publishDate}"/></span>
					    </div>
					</div>
				</div>
				<div class="clear"></div>
				<div class="comity-activity-develop">
				    <h3>活动动态</h3> 
					<div class="comity-activity-develop-message">
					    <ul>
							<li class="message-li">
							<span class="title"></span><span class="time"></span>
								<p class="content"></p>
							</li>
							<li class="comity-activity-develop-status">
							    <span class="title"></span><span class="time"><span>
							    <p class="content"></p>
							</li>
					    </ul>
				    </div>
				</div>
			</div>
			<div class="clear"></div>
			<div class="comity-done">
			    <h3>历史活动</h3>
                <div class="clear"></div>
				<div class="comity-activity-content">
				    <h2><c:out value=""/></h2>
					<div class="comity-activity-poster">
					     <img src="<c:out value=""/>"/>
					</div>
					<div class="comity-activity-text">
						<div class="comity-activity-text-unit">
						   <span>开始时间：</span>
						   <span><c:out value=""/></span>
						   </br>
						   <span>地点：</span>
						   <span><c:out value=""/></span>
						</div>
						<div class="comity-activity-text-unit">
						   <span class="text-filter" id="activityStatus">此*公开活动*已启动</span>
						   </br>
                           <span class="text-filter text-min" id="activityRelease"><c:out value=""/></span>
					    </div>
					</div>
				</div>
			</div>
		</div>
		<div class="grid_4">
		</div>
	</div>
	<div id="footer" class="container_16">
	</div>
</div>
<script type="text/javascript" src="res/js/jquery/plugin/iShow/iS.js"></script>
<script>
    $('.comity-img').iShow({
           'imgSrc': [
             {id: 1, src: 'res/js/jquery/plugin/iShow/demoImg/1.jpg'},
             {id: 2, src: 'res/js/jquery/plugin/iShow/demoImg/2.jpg'},
             {id: 3, src: 'res/js/jquery/plugin/iShow/demoImg/3.jpg'},
             {id: 4, src: 'res/js/jquery/plugin/iShow/demoImg/4.jpg'}]     
        });
</script>    
</body>
</html>
